<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>个人博客——首页</title>
		<meta name="keywords" content="博客,melon,第一个,024"/>
		<meta name="description" content="这是第一个博客"/>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
	</head>
	<body>
		<!-- <header>
			<nav></nav>
		</header>
		<aside></aside>
		<section></section>
		<footer></footer> -->
		
		<div class="web">
			<!-- 头部 s -->
			<header>
				<div>
					<img src="img/a.jpg" >
				</div>
				<nav>
					<a href="">首页</a>
					<a href="">心情日记</a>
					<a href="">free</a>
					<a href="">一起走起</a>
					<a href="">从明天起</a>
					<a href="">纸飞机</a>
					<a href="">下一站</a>
				</nav>
			</header>
			<!-- 头部 e -->
			<!-- 中心内容 s -->
			<section>
				<div class="right">
					<div class="right_one">
						
							<div class="photo">
							<img src="img/3.jpg" alt=""></div>
							<p>我的日记本</p>
						
							<div class="duanluo">
							<p>他们彼此相信，是瞬间迸发的热情让他们相遇。这样的确定是美丽的，但变换无偿更美丽。</p>
							</div>
						
					</div>
					<div class="right_two">
							<div class="photo2">
							<img src="img/4.jpg" alt=""></div>
							<p>我的日记本</p>
													
							<div class="duanluo">
							<p>他们彼此相信，是瞬间迸发的热情让他们相遇。这样的确定是美丽的，但变换无偿更美丽。</p>
							</div>
					</div>
					
				</div>
				
				<div class="left">
					<div class="left_content">
						<div class="one">
						<a href="#">介绍</a>
						<p>我努力抓紧世界，最后却被世界淘汰，如果一开始就松手，我会不那么伤心吗？你说，
						亲爱的孩子，世事难料，随它去吧！</p>
						</div>
					
						<div class="two">
						<a href="#">照相本子</a>
						<div class="pe">
						<p>关于童年，你记住了什么？</p>
						<p>两岁时，我拥有一只巨大的粉红猪</p>
						<p>三岁时，我骑着小木马一路摇到外婆家</p>
						<p>四岁时，我离家出走，在公车上睡着了</p>
						<p>我真的没骗你，都记得，通通有照片为证</p>
						</div>
						</div>
						
						<div class="three">
						<a href="#">地下铁</a>
						<div class="pe">
						<p>天使在地下铁的入口，</p>
						<p>和我说再见的那年</p>
						<p>我渐渐看不见了。</p>
						<p>十五岁生日的那年秋天早晨</p>
						<p>窗外下着毛毛细雨，</p>
						<p>我喂好我的猫，</p>
						<p>六点零五分</p>
						<p>我走进地铁</p>
						</div>
						</div>
						
						<div class="four">
						<a href="#">向左走向右走</a>
						<div class="pe">
						<p>They're both convinced</p>
						<p>that a sudden passion joined them</p>
						<p>Such certainth is beautiful</p>
						<p>but uncertainty is more beautiful still</p>
						
						</div>
						</div>
					</div>
				</div>
			</section>
			<!-- 中心内容 e -->
			
		</div>
		
	</body>
</html>
